﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>登录</title>
    <link href="~/css/LightBlueSkin.css" rel="stylesheet" />
    <link href="~/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/bootstrap-icons.css" rel="stylesheet" />
</head>
<body>
    <div class="text-center font-rfs-title pl-5" style="padding-top:10px;">
        <p style="text-align:left;color:#982fee;font-weight:bold;">EasyLims</p>
    </div>
    <div class="row col-md-12 " style="height:70vh;background:url(/StaticFile/Login.jpg) no-repeat;background-size:cover;padding-top:15vh;padding-left:65vw;position:absolute;right:0px;margin-right: 0px;">
        <div class="row col-md-2" style="height:14rem;background: rgba(255, 255, 255, 0.2);position:absolute;padding-top:20px;opacity:1;">
            <form asp-controller="UserManager" asp-action="UserLogin" method="post">
                @Html.AntiForgeryToken()
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                <div class="input-group">
                    <div class="col-11 pr-0" style="text-align:center;color: white;font-size: calc(0.6em + 0.5vw);">
                        <span>系 统 登 录</span>
                    </div>
                </div>
                <div class="input-group" style="padding-top:1rem">
                    <div class="col-3 pr-0 font-rfs">
                        <span class="input-group-text" style="border-radius: 0rem 0rem 0rem 0rem;border-right:none;padding: 0 0 0 0.4rem;align-content:center;">
                            <i class="bi-person-fill" style="font-size:calc(0.9em + 0.5vw);color:#6fbabd;margin-left:15%;"></i>
                        </span>
                    </div>
                    <div class="col-9 pl-0" style="padding-right: 0px;background-color:white">
                        <input name="UserName" class="form-control border-radius-noleft" style="border-radius: 0rem 0rem 0rem 0rem;font-size: calc(0.4em + 0.5vw);" />
                    </div>
                </div>
                <div class="input-group" style="padding-top:1rem">
                    <div class="col-3 pr-0 font-rfs">
                        <span class="input-group-text" style="border-radius: 0rem 0rem 0rem 0rem;border-right:none;padding: 0 0 0 0.4rem;">
                            <i class="bi-lock-fill" style="font-size:calc(0.9em + 0.5vw);color:#6fbabd;margin-left:15%;"></i>
                        </span>
                    </div>
                    <div class="col-9 pl-0" style="padding-right: 0px;background-color:white">
                        <input name="Password" type="password" class="form-control border-radius-noleft" style="border-radius: 0rem 0rem 0rem 0rem;font-size: calc(0.4em + 0.5vw);" />
                    </div>
                </div>
                <div class="input-group" style="padding-top:0.6rem">
                    <div class="col-12 pr-0" style="text-align:left;color: white;font-size: calc(0.4em + 0.5vw);">
                        <a asp-controller="Home" asp-action="Register" class="active" style="color: white">
                            注册账号
                        </a>
                    </div>
                </div>
                <div class="input-group">
                    <div class="col-12 pr-0 font-rfs" style="text-align:right">
                        <button type="submit" class="btn btn-success" style="font-size:calc(0.4em + 0.5vw);">登录</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>
</html>

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/bootstrap-table.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script>
    $(document).ready(function () {
        var mes = getUrlParam("ErrorMessage");
        if (mes != null) {
            alert(mes);
        }
    });

</script>
